
@media (max-width: 1432px) {
    // header
    header {
    height: 78px;
    };
    header img {
        width: 1432px;
        height: 78px;
    };
    header h1 {
        margin-top: 6px;
        font-size: 28px
    };

    // main
    main {
        height: calc(100vh - 78px);
        grid-template-columns: 298px auto 298px;
    };
    .item-1-1 {
        width: 298px;
        height: 224px;
    };
    .item-1-2 {
        width: 298px;
        height: 224px;
    };
    .item-1-3 {
        width: 298px;
        height: 224px;
    };
    .item-3-1 {
        width: 298px;
        height: 224px;
    };
    .item-3-2 {
        width: 298px;
        height: 224px;
    };
    .item-3-3 {
        width: 298px;
        height: 224px;
    };
    .item-1-1 .img-1,
    .item-1-2 .img-1,
    .item-1-3 .img-1,
    .item-3-1 .img-1,
    .item-3-2 .img-1,
    .item-3-3 .img-1 {
        width: 298px;
        height: 224px;
    };
    .item-1-1 .img-2,
    .item-1-2 .img-2,
    .item-1-3 .img-2,
    .item-3-1 .img-2,
    .item-3-2 .img-2,
    .item-3-3 .img-2 {
        width: 290px;
        height: 22px;
        margin-top: 8px;
        margin-left: 8px;
    };
    .h3 {
        margin-top: 8px;
        margin-left: 16px;
        font-size: 14px;
    };
    .testView {
        margin-top: 12px;
        margin-left: 6px;
    };
    .item-2 .link {
        width: 836px;
        height: 28px;
    }
}